<div class="content-section introduction ">
    <div>
        <span class="feature-title">值班管理<span class="gt">&gt;</span>值班总览  </span>
    </div>
</div>
<div class="content-section implementation GridDemo" id="overview">
        <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid">
            <div class="ui-grid-col-12">
                <span *ngFor="let shift of shifts">
                     <!--<span  class="span_bg" [style.background]="shift.color">{{shift.sid}}</span>-->
                     <span  class="span_bg" [style.background]="shift.color">{{shift.sid}}: {{shift.begin_time_1}}-{{shift.end_time_1}}</span>
                     <span  class="span_bg" *ngIf="shift.shift_type == '两头班'" [style.background]="shift.color">{{shift.sid}}: {{shift.begin_time_2}} - {{shift.end_time_2}}</span>
                </span>
            </div>
            <p-schedule [events]="events"
                        ngClass="test"
                        [header]="headerConfig"
                        [options]="optionsConfig" (onEventClick)="onEventClick($event)"
                        (onViewRender)="onClickButton($event)" [eventLimit]="4"
            ></p-schedule>
        </div>
    <p-dialog header="调班" [(visible)]="display" modal="modal" width="500" [responsive]="true">
        <div class="ui-grid-row">
            <div class="ui-grid-col-12">
                <label for="">计划编号：</label>
                <input type="text" pInputText  [style.width.%]="90" placeholder="请输入计划名" [(ngModel)]="sDutys['snumber']" readonly/>
            </div>
            <div class="ui-grid-col-12">
                <label for="">调班日期：</label>
                <input type="text" pInputText  [style.width.%]="90" placeholder="请输入计划名"  [(ngModel)]="sDutys['sdate']" readonly/>
            </div>
            <div class="ui-grid-col-12">
                <label for="">调班班次：</label>
                <input type="text" pInputText  [style.width.%]="90"
                       placeholder="请输入计划名"
                       [(ngModel)]="sDutys['sshifts']" readonly/>
            </div>
            <div class="ui-grid-col-12">
                <label for="">当前值班人：</label>
                <input type="text" pInputText  [style.width.%]="90"
                       placeholder="请输入计划名"
                       [(ngModel)]="sDutys['scurrentPerson']" readonly/>
            </div>
            <div class="ui-grid-col-12">
                    <label for="">
                        <span class="red_start">*</span>
                        调整后值班人：
                    </label>
                    <p-dropdown [options]="statusOptions" [(ngModel)]="selectedStatus" placeholder="请选择人员"
                                optionLabel="name" [style]="{'width':'100%'}"></p-dropdown>
            </div>
        </div>
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="changeShift()" label="确定"></button>
            <button type="button" pButton icon="fa-close" (click)="display=false" label="取消" class="ui-button-secondary"></button>
        </p-footer>
    </p-dialog>
    <p-growl [(value)]="msgPop"></p-growl>
</div>
